<template>
  <div class="invoicegetInfo">
    <div style="display:flex;">
      <!-- 左边 -->
      <div class="boxdata">
        <h4>开票申请信息</h4>
        <div class="widenumBox">
          <div class="widenum">业务类型</div>
          <div>
            {{InvoiceorderDetails.sourceway==1?'国内机票' :InvoiceorderDetails.sourceway==2?'国际机票' :InvoiceorderDetails.sourceway==3?'酒店' :"" }}
          </div>
        </div>
        <div class="widenumBox">
          <div class="widenum">订单号</div>
          <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">订单总金额</div>
          <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">子订单号</div>
          <div>{{InvoiceorderDetails.suborders}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票金额</div>
          <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票类型</div>
          <div>{{InvoiceorderDetails.type==1?'纸质发票' :InvoiceorderDetails.type==2?'电子发票' :''}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核状态</div>
          <div>{{InvoiceorderDetails.state==1 ? '未开票' :InvoiceorderDetails.state==2 ? "已预约" :InvoiceorderDetails.state==4? "已开票"
            :InvoiceorderDetails.state==5 ? "待支付" :InvoiceorderDetails.state==6? "已取消" :InvoiceorderDetails.state==11? "冲红"
            :InvoiceorderDetails.state==12 ? "作废" :InvoiceorderDetails.state==15? "存储错误订单" :''
            }}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核人</div>
          <div>{{InvoiceorderDetails.drawer}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">审核时间</div>
          <div>{{InvoiceorderDetails.updateTime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">来源</div>
          <div>{{InvoiceorderDetails.sourceappid==1?'网页版' :InvoiceorderDetails.sourceappid==2?'CRM' :InvoiceorderDetails.sourceappid==11?'金色世纪安卓app'
            :InvoiceorderDetails.sourceappid==12?'金色世纪ios' :InvoiceorderDetails.sourceappid==13?'空铁管家安卓'
            :InvoiceorderDetails.sourceappid==14?'空铁管家ios' :InvoiceorderDetails.sourceappid==15?'微信小程序' :''
            }}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">申请人</div>
          <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">申请时间</div>
          <div>{{InvoiceorderDetails.createTime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">会员编号</div>
          <div>{{InvoiceorderDetails.jsjid}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">联系手机号</div>
          <div>{{InvoiceorderDetails.ordernum}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">邮寄地址</div>
          <div>{{InvoiceorderDetails.address}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">备注</div>
          <div>{{InvoiceorderDetails.remark}}</div>
        </div>
      </div>
      <!-- 中间 -->
      <div class="boxdata">
        <h4>发票信息</h4>
        <div class="widenumBox">
          <div class="widenum">开票状态</div>
          <div>{{InvoiceorderDetails.state==1 ? '未开票' :InvoiceorderDetails.state==2 ? "已预约" :InvoiceorderDetails.state==4? "已开票"
            :InvoiceorderDetails.state==5 ? "待支付" :InvoiceorderDetails.state==6? "已取消" :InvoiceorderDetails.state==11? "冲红"
            :InvoiceorderDetails.state==12 ? "作废" :InvoiceorderDetails.state==15? "存储错误订单" :''
            }}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">购买方名称</div>
          <div>{{InvoiceorderDetails.title}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">纳税人识别号</div>
          <div>{{InvoiceorderDetails.taxno}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">地址、电话</div>
          <div>{{InvoiceorderDetails.address}}、{{InvoiceorderDetails.phone}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开户行及账号</div>
          <div>{{InvoiceorderDetails.bankname}}、{{InvoiceorderDetails.bankaccount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票内容</div>
          <div>{{InvoiceorderDetails.remark}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">销售方名称</div>
          <div>{{InvoiceorderDetails.sellertitle}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">纳税人识别号</div>
          <div>{{InvoiceorderDetails.sellertaxno}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票时间</div>
          <div>{{InvoiceorderDetails.scheduledtime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票类型</div>
          <div>{{InvoiceorderDetails.sort==1?'纸质发票' :InvoiceorderDetails.sort==2? '电子发票' :''}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">发票金额</div>
          <div>{{InvoiceorderDetails.price}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">税率</div>
          <div>{{InvoiceorderDetails.taxrate}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">税额</div>
          <div>{{InvoiceorderDetails.tax}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">价格合计</div>
          <div>{{InvoiceorderDetails.taxamount}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">备注</div>
          <div>{{InvoiceorderDetails.remark}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">复核人</div>
          <div>{{InvoiceorderDetails.reviewer}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">收款人</div>
          <div>{{InvoiceorderDetails.payee}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">开票人</div>
          <div>{{InvoiceorderDetails.drawer}}</div>
        </div>
      </div>
      <!-- 右边 -->
      <div class="boxdata">
        <h4>配送信息</h4>
        <div class="widenumBox">
          <div class="widenum">配送方式</div>
          <div>
            {{invoiceDeliverie.deliverytype=='1' ?'快递' :invoiceDeliverie.deliverytype=='2' ?"Email" :invoiceDeliverie.deliverytype=="3" ?'快递和Email' :'暂无配送方式'}}
          </div>
        </div>
        <div class="widenumBox">
          <div class="widenum">配送状态</div>
          <div>
            {{invoiceDeliverie.expressdeliverystate=='1' ?'待配送' :invoiceDeliverie.expressdeliverystate=='2' ?"配送中" :invoiceDeliverie.expressdeliverystate=="3" ?'已完成' :'暂无配送状态'}}
          </div>
        </div>
        <div class="widenumBox">
          <div class="widenum">联系电话</div>
          <div>{{invoiceDeliverie.phonenumber}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">配送时间</div>
          <div>{{invoiceDeliverie.deliverytime}}</div>
        </div>
        <div class="widenumBox">
          <div class="widenum">物流单号</div>
          <div>{{invoiceDeliverie.trackingnumber}}</div>
        </div>
        <h4 style="margin:10px 0 20px 0">操作记录</h4>
        <!-- <div class="widenumBox" v-for="(item,index) in operationRecordVoList" key="index">
              <div class="widenum">{{item.time}}</div>
              <div>{{item.name}}</div>
          </div>
          <div>{{item.illustrate}}</div> -->
      </div>
    </div>
    <div style="margin:20px 0 10px 45% ">
      <el-button type="primary" @click="returnone">返回</el-button>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'invoicegetInfo',
    data() {
      return {
        // 操作信息
        operationRecordVoList: [],
        // 配送信息
        invoiceDeliverie: {},
        InvoiceorderDetails: {},
        // 订单号
        invoiceid: "",
      }
    },
    methods: {
      // 返回按钮
      returnone() {
        this.$router.go(-1)
      },
      getInfo() {
        this.$axios.getInfo({
          invoiceid: this.invoiceid,
        }).then(res => {
          console.log(res)
          if (res.code == 200) {
            this.InvoiceorderDetails = res.data
            console.log(this.InvoiceorderDetails)
            // 配送信息
            // this.invoiceDeliverie=this.InvoiceorderDetails.invoiceDeliverie
            // 操作信息
            // this.operationRecordVoList=this.InvoiceorderDetails.operationRecordVoList
          }
        })
      }

    },
    mounted() {
      this.invoiceid = this.$route.params.invoiceid;
      console.log(this.invoiceid);
      this.getInfo()
    },
  }
</script>

<style scoped>
  .invoicegetInfo {
    margin: 20px;
  }

  /* 每一个大盒子 */
  .boxdata {
    width: 30%;
    margin-right: 20px;
  }

  .widenumBox {
    display: flex;
    margin-top: 10px;
    font-size: 14px;
  }

  .widenum {
    width: 130px;
  }
</style>